<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<% pageContext.setAttribute("APP_PATH", request.getContextPath()); %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="${APP_PATH }/Static/layui/css/layui.css">
<script type="text/javascript" src="${APP_PATH }/Static/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="${APP_PATH }/Static/layui/layui.js"></script>
<style type="text/css">
	body .myclass .layui-layer-content{padding: 20px;}
</style>
<title>SSM-CRUD</title>
</head>
<body style="margin-top: 20px;">
	<div class="layui-container">
		<!-- 标题列 -->
		<div class="layui-row">
			<div class="layui-col-md12" style="text-align: center;">
				<font size="15px;">SSM-CRUD</font>
			</div>
		</div>
		<!-- 顶部列 -->
		<div class="layui-row" style="margin-top: 20px;">
			<div class="layui-col-md12">
				<button id="addEmplpyeeBtn" class="layui-btn layui-btn-normal">
				<i class="layui-icon">&#xe654;</i>添加
				</button>
				<button id="deleteAllEmployeeBtn" class="layui-btn layui-btn-danger">
				<i class="layui-icon">&#x1006;</i>批量删除
				</button>
			</div>
		</div>
		<!-- 表格列 -->
		<div class="layui-row">
			<div class="layui-col-md12">
				<table class="layui-table" id="table">
					<thead>
						<tr>
							<th>
								<input type="checkbox" id="check_all">
							</th>
							<th>编号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>邮箱</th>
							<th>部门</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
		</div>
		<!-- 分页列 -->
		<div class="layui-row">
			<div class="layui-col-md12">
				<div id="paging" style="float: right;"></div>
			</div>
		</div>
		
		<!-- 需要弹出的添加员工界面 -->
		<div class="layui-row" id="test" style="display: none;">
			<div class="layui-col-md10">
				<form class="layui-form employeeForm">
					<div class="layui-form-item">
						<label class="layui-form-label">姓名：</label>
						<div class="layui-input-block">
							<input type="text" name="empName" lay-verify="required|check_user" lay-verType="tips" id="empName" class="layui-input empName">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">性别：</label>
						<div class="layui-input-block">
							<input type="radio" name="empSex" value="男" title="男" checked="checked">
							<input type="radio" name="empSex" value="女" title="女" >
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">部门：</label>
						<div class="layui-input-block">
							<select class="layui-input deptSelect" name="deptId" id="deptSelect"></select>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">邮箱：</label>
						<div class="layui-input-block">
							<input type="text" name="empEmail" lay-verType="tips" class="layui-input empEmail">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="layui-input-block">
							<button type="button" lay-submit lay-filter="go" class="layui-btn layui-btn-normal addEmployee">提交</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="${APP_PATH }/Static/js/index.js"></script>
</html>